<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="css/style.css" rel="stylesheet">
    <link href="http://at.alicdn.com/t/font_2158967_k9f8zyc7qx.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="left">
            <div class="left-nav">
                <img src="images/组-18.png">
            </div>
            <div class="shop-name">
                <div class="name">
                    <i class="iconfont icon-user"></i>
                    <span>黑侠（光谷店）</span>
                </div>
                <div class="time">
                    <i class="iconfont icon-ai253"></i>
                    <span>2016-04-06 &nbsp;&nbsp;&nbsp;10:23&nbsp;&nbsp;&nbsp;&nbsp;AM</span>
                </div>
            </div>
            <div class="bill">
                <i class="iconfont icon-jizhangben"></i>
                <span>收支明细</span>
            </div>
            <table border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <th style="padding-right: 30px;">品名</th>
                    <th>数量</th>
                    <th>金额</th>
                    <th>结算价</th>
                    <th></th>
                </tr>
                <tr>
                    <td>蛋挞</td>
                    <td>5</td>
                    <td>60</td>
                    <td style="padding-left: 20px;">60</td>
                    <td></td>
                </tr>
                <tr>
                    <td>全麦面包</td>
                    <td>1</td>
                    <td style="padding-left: 8px;">10.5</td>
                    <td style="padding-left: 8px;">10.5</td>
                    <td></td>
                </tr>
                <tr>
                    <td><img class="give" src="images/曾.png">戚风蛋糕</td>
                    <td>1</td>
                    <td>20</td>
                    <td style="padding-left: 29px;">0</td>
                    <td></td>
                </tr>
                <tr>
                    <td style="border: none;">三明治</td>
                    <td style="border: none;">5</td>
                    <td style="border: none;">60</td>
                    <td style="border: none;">60</td>
                    <td style="border: none;"></td>
                </tr>
            </table>
            <div class="aside">
                <img src="images/关闭.png">
                <img src="images/加.png">
                <img src="images/减.png">
                <img src="images/赠.png">
                <img src="images/修改.png">
                <img src="images/椭圆-12.png">
                <img src="images/椭圆-12-拷贝.png">
            </div>
            <div class="bg">
            </div>
            <div class="left-bottom">
                <div class="box">
                    <span class="total">总额：</span>
                    <span class="money">￥125.5</span>
                </div>
                <div class="search">
                    <input type="text" placeholder="搜索商品">
                    <img src="images/Layer-6.png">
                    <!-- <button class="btn1"></button> -->
                </div>
                <button class="btn2"><i class="iconfont icon-sousuo"></i></button>
            </div>
        </div>
        <div class="right">
            <div class="right-nav"></div>
            <div class="title">
                <span>戚风蛋糕</span>
                <span>蛋挞</span>
                <span>全麦面包</span>
                <span>戚风蛋糕</span>
                <span>三明治</span>
                <span><i class="iconfont icon-xianghujiaohuan-shangxia"></i></span>
            </div>
            <div class="page">
            </div>
            <div class="content">
                <div class="line"></div>
                <div class="cake">
                    <img src="images/互动图标.png">
                    <p class="id">0001</p>
                    <p class="name">巧克力蛋糕</p>
                </div>
                <div class="cake">
                    <p class="id">0001</p>
                    <p class="name">巧克力蛋糕</p>
                </div>
                <div class="cake">
                    <p class="id">0001</p>
                    <p class="name">巧克力蛋糕</p>
                </div>
                <div class="cake">
                    <p class="id">0001</p>
                    <p class="name">巧克力蛋糕</p>
                </div>
                <div class="cake">
                    <p class="id">0001</p>
                    <p class="name">巧克力蛋糕</p>
                </div>
            </div>
        </div>
        <div class="footer">
            <span class="message">会员信息：</span>
            <div class="icon">
                <img src="images/组-15.png">
                <img src="images/购物卡.png">
                <img src="images/会员.png">
                <img src="images/促销.png">
                <img src="images/预定.png">
                <img src="images/交班22.png">
                <img src="images/挂单.png">
                <ul>
                    <li>管理台</li>
                    <li>购物卡</li>
                    <li>会员</li>
                    <li>促销</li>
                    <li>预定</li>
                    <li>交班</li>
                    <li>挂单</li>
                </ul>
                <button class="btn3"><span>收银</span></button>
            </div>
        </div>
    </div>
</body>
</html>